<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div role="group" aria-label="checkbox-group" class="el-checkbox-group">
    <label class="el-checkbox is-checked">
      <span class="el-checkbox__input is-checked">
        <span class="el-checkbox__inner"></span>
        <input type="checkbox" aria-hidden="false" class="el-checkbox__original" value="复选框 A">
      </span>
      <span class="el-checkbox__label">复选框 A</span>
    </label>


    <label class="el-checkbox">

      <span class="el-checkbox__input"><span class="el-checkbox__inner"></span><input type="checkbox"
          aria-hidden="false" class="el-checkbox__original" value="复选框 B"></span><span class="el-checkbox__label">复选框
        B</span></label> <label class="el-checkbox"><span class="el-checkbox__input"><span
          class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" class="el-checkbox__original"
          value="复选框 C"></span><span class="el-checkbox__label">复选框 C</span></label>
    <label class="el-checkbox is-disabled"><span class="el-checkbox__input is-disabled"><span
          class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" disabled="disabled"
          class="el-checkbox__original" value="禁用"></span><span class="el-checkbox__label">禁用</span></label> <label
      class="el-checkbox is-disabled is-checked"><span class="el-checkbox__input is-disabled is-checked"><span
          class="el-checkbox__inner"></span><input type="checkbox" aria-hidden="false" disabled="disabled"
          class="el-checkbox__original" value="选中且禁用"></span><span class="el-checkbox__label">选中且禁用</span></label>
  </div>



  <div class="el-select">
    <!---->
    <div class="el-input el-input--suffix is-focus">
      <!----><input type="text" readonly="readonly" autocomplete="off" placeholder="请选择" class="el-input__inner">
      <!----><span class="el-input__suffix"><span class="el-input__suffix-inner"><i
            class="el-select__caret el-input__icon el-icon-arrow-up is-reverse"></i>
          <!---->
          <!---->
          <!---->
          <!---->
          <!---->
        </span>
        <!---->
      </span>
      <!---->
      <!---->
    </div>
  </div>


  <div class="el-select-dropdown el-popover"
    style="min-width: 240px; transform-origin: center top; z-index: 2014; position: absolute; top: 406px; left: 295px;"
    x-placement="bottom-start">
    <div class="el-scrollbar" style="">
      <div class="el-select-dropdown__wrap el-scrollbar__wrap" style="margin-bottom: -17px; margin-right: -17px;">
        <ul class="el-scrollbar__view el-select-dropdown__list">
          <!---->
          <li class="el-select-dropdown__item"><span>黄金糕</span></li>
          <li class="el-select-dropdown__item"><span>双皮奶</span></li>
          <li class="el-select-dropdown__item"><span>蚵仔煎</span></li>
          <li class="el-select-dropdown__item"><span>龙须面</span></li>
          <li class="el-select-dropdown__item hover"><span>北京烤鸭</span></li>
        </ul>
      </div>
      <div class="el-scrollbar__bar is-horizontal">
        <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
      </div>
      <div class="el-scrollbar__bar is-vertical">
        <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
      </div>
    </div>
    <!---->
    <div x-arrow="" class="popover__arrow" style="left: 35px;"></div>
  </div>
</body>

</html>